<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单元素</title>
</head>
<body>
    <!-- 表单元素都是行元素：用来让用户输入信息的 -->
    <!-- 就是一个表单 -->
    <form action="https://www.baidu.com">
    <p>
        <label for="username">用户名：</label>
            <input type="text" placeholder="请在这里输入用户名/手机号/邮箱" name="username" id="username"
            style="width: 300px;height: 30px;" value="1234567">
    </p>
    <p>
        <label for="password">密码:</label>
        <input type="password" name="password" id="password" style="width: 300px;height: 30px;">
    </p>
    <p>
        性别：
        <input type="radio" name="sex" value="male">男
        <input type="radio" name="sex" value="female">女
    </p>
    <p>
        吃什么：
        <input type="checkbox" name="eat" value="apple">🍎
        <input type="checkbox" name="eat" value="banana">🍌
        <input type="checkbox" name="eat" value="pear">🍐
    </p>

    <p>
        城市：
        <select name="city" id="">
            <option value="harbin">哈尔滨</option>
            <option value="beijing" selected>北京</option>            
            <option value="shanghai">上海</option>                        
        </select>
    </p>

    <p>
        请留下您的宝贵意见：
        <textarea name="" id="" cols="30" rows="10"></textarea>
    </p>

    <input type="submit">
</form>
    
</body>
</html>